<template>
    <van-swipe :autoplay="3000" indicator-color="red" style="height: 240px">
        <van-swipe-item><img src="~assets/img/1.jpg" alt="" class="h"></van-swipe-item>
        <van-swipe-item><img src="~assets/img/2.jpg" alt="" class="h"></van-swipe-item>
        <van-swipe-item><img src="~assets/img/3.jpg" alt="" class="h"></van-swipe-item>
        <van-swipe-item><img src="~assets/img/4.jpg" alt="" class="h"></van-swipe-item>
    </van-swipe>
</template>

<script>
  import Vue from 'vue';
  import { Swipe, SwipeItem } from 'vant';

  Vue.use(Swipe).use(SwipeItem);
  export default {
    name: "Banner",
    components:{
      Swipe,
      SwipeItem
    }
  }
</script>

<style scoped>
    .h{
       height: 300px;
    }
</style>
